﻿/*--公共部分--*/
html,body,div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,strong,span,pre,h1,h2,h3,h4,h5,h6,input,button,select,textarea{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-weight: 400;}
body{ font: 14px/24px '微软雅黑', Arial, "Helvetica Neue", Helvetica, sans-serif; color:#333; background-color: #fff; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none;}
img{ border: none; max-width: 100%;}
ul{ list-style: none;}
em{ font-style: normal;}
a{ text-decoration: none; color:#333; -webkit-tap-highlight-color:transparent}
a:hover{ text-decoration: none;}	
a:focus{outline:none;}

.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0;}
.clearfix{ *zoom:1;}

*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

input,button,select,textarea {outline: none; border: none; background: none; border-radius: 0; -webkit-appearance: none; font-family: '微软雅黑', Arial, "Helvetica Neue", Helvetica, sans-serif; color: #333;}

input[type="date"]:before{ content: attr(placeholder); color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ccc;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance:none !important; margin: 0;}

.commonleft{float:none;}
.commonright{float:none;}

.visible-lg,.visible-md,.visible-sm{display:block;}
.hidden-lg,.hidden-md,.hidden-sm{display:none;}

@media (min-width: 767px){
	
	.visible-sm{display:block;}
	.hidden-sm{display:none;}
}

@media (min-width: 991px) {

	.visible-sm{display:none;}
	.visible-md{display:block;}
	.hidden-sm{display:block;}
	
}

@media (min-width: 1200px) {
	
	.visible-sm{display:none;}
	.visible-lg{ display:block;}
	.hidden-lg{display:block;}
	
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left; padding-left:10px; padding-right:10px;}
	
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px){
	.commonwebbox{ margin-left:-10px; margin-right:-10px;}
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left; padding-left:10px; padding-right:10px;}
	
	.col-sm-12 {
	  width: 100%;
	}
	.col-sm-11 {
	  width: 91.66666667%;
	}
	.col-sm-10 {
	  width: 83.33333333%;
	}
	.col-sm-9 {
	  width: 75%;
	}
	.col-sm-8 {
	  width: 66.66666667%;
	}
	.col-sm-7 {
	  width: 58.33333333%;
	}
	.col-sm-6 {
	  width: 50%;
	}
	.col-sm-5 {
	  width: 41.66666667%;
	}
	.col-sm-4 {
	  width: 33.33333333%;
	}
	.col-sm-3 {
	  width: 25%;
	}
	.col-sm-2 {
	  width: 16.66666667%;
	}
	.col-sm-1 {
	  width: 8.33333333%;
	}

}

@media (min-width: 992px){
	.commonwebbox{ margin-left:-10px; margin-right:-10px;}
	.commonleft{float:left;}
	.commonright{float:right;}
	
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left; padding-left:10px; padding-right:10px;}
	
	.col-md-12 {
	  width: 100%;
	}
	.col-md-11 {
	  width: 91.66666667%;
	}
	.col-md-10 {
	  width: 83.33333333%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-8 {
	  width: 66.66666667%;
	}
	.col-md-7 {
	  width: 58.33333333%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-5 {
	  width: 41.66666667%;
	}
	.col-md-4 {
	  width: 33.33333333%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-2 {
	  width: 16.66666667%;
	}
	.col-md-1 {
	  width: 8.33333333%;
	}
	
}

@media (min-width: 1200px){
	
	.commonweb{margin:0px auto; max-width:1180px; padding: 0;}
	.commonleft{float:left;}
	.commonright{float:right;}

	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left; padding-left:10px; padding-right:10px;}
	
	.col-lg-12 {
	  width: 100%;
	}
	.col-lg-11 {
	  width: 91.66666667%;
	}
	.col-lg-10 {
	  width: 83.33333333%;
	}
	.col-lg-9 {
	  width: 75%;
	}
	.col-lg-8 {
	  width: 66.66666667%;
	}
	.col-lg-7 {
	  width: 58.33333333%;
	}
	.col-lg-6 {
	  width: 50%;
	}
	.col-lg-5 {
	  width: 41.66666667%;
	}
	.col-lg-4 {
	  width: 33.33333333%;
	}
	.col-lg-3 {
	  width: 25%;
	}
	.col-lg-2 {
	  width: 16.66666667%;
	}
	.col-lg-1 {
	  width: 8.33333333%;
	}
}


